<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<style type="text/css">
			.col {

				display: inline-block;
				background: lightgray;
				padding: 10px;
				border: 1px solid #AAAAAA;
				/* margin-right: 5px; */
			}
		</style>
	</head>
	<body>
		
		<!-- inline-block   
		 拥有 行内的特点 ，又拥有 块状元素的特点 
		 
		 -->

		<div>
			<div class="col">我是列1</div>
			<div class="col">我是列2</div>
			<div class="col">我是列3</div>
		</div>


	</body>
</html>
